<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
  <base href="<%=basePath%>">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="layui/css/layui.css" media="all">
<title>Insert title here</title>
<script src="layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
layui.use('layer', function(){ //独立版的layer无需执行这一句
  var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
 // alert(vip.viptype);
 
  //触发事件
  var active = {
     notice: function(){
    	var vip=$("input[name='RadioGroup1']:checked").val();
    	var money=$("input[name='RadioGroup1']:checked").attr("id");
      //示范一个公告层
      layer.open({
        type: 1
        ,title: '确认报单购物信息' //不显示标题栏
        ,closeBtn: false
        ,area: '500px;'
        ,shade: 0.8
        ,content: '<div style="padding: 10px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 500;" id="add_Brand" >报单购货会员用户名：${user.username}<br>报单級別：'+vip+'<br>总计金额：'+money+'<br>收货地址：${user.address}<br>收货人电话：${user.tel}<br>邮编：${user.postcode}</div>'
        ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
        ,btn: ['确认', '关闭']
        ,btnAlign: 'c'
        ,moveType: 1 //拖拽模式，0或者1
       
        ,success: function(layero){
        	//var paycode = window["layui-layer-iframe" + index].callbackdata();
         var paycode=$("input[name='paycode']").val();
          //alert(paycode);
          var username=$("input[name='username']").val();
          var btn = layero.find('.layui-layer-btn');
          btn.find('.layui-layer-btn0').attr({
            href: 'confirmpw.do?viptype='+vip+'&paycode='+paycode
            ,target: '_self'
          });
        }
      });
    } 
  };
  
  $('#layerDemo .layui-btn').on('click', function(){
    var othis = $(this), method = othis.data('method');
    active[method] ? active[method].call(this, othis) : '';
  });
  
});
</script>
</head>
<body >
	<!-- <form id="form1" name="form1" method="post" action=""> -->
<table width="583" border="0">
    <tr>
      <td width="169">当前余额：${acc.money}</td>
      <td width="109">&nbsp;</td>
      <td width="283"><a href="">余额不足？马上去汇款充值</a></td>
    </tr>
    <tr>
      <td>报单购货会员用户名：</td>
      <td>${user.username}</td><input style="display: none" name="username" value="${user.username}">
      <td>&nbsp;</td>
    </tr>
  </table>
  <br />
<p>以下报单级别必须选择其一</p>
<table width="587" align=laft>
  <tr>
  <c:forEach items="${list }" var="v" begin="1">
    <td width="196"><label>
      <input type="radio" checked name="RadioGroup1" value="${v.viptype}" id="${v.money }" />
      ${v.viptype }<br />
 </label>
      <p>  消费金额：${v.consumption }元 </p>
      <p>  PV ： ${v.pv }  </p>
      <p>  综合服务费： ${v.servicefee}元</p>
      <label> <br />
      </label></td>
         </c:forEach> 
  </tr>
 
 
</table>
<br />
<table width="319" border="0">
  <tr>
    <td width="135">收货人地址：</td>
    <td width="168"><label for="textfield2">${user.address}</label>
      </td>
  </tr>
  <tr>
    <td>收货人电话：</td>
    <td><label for="textfield3">${user.tel}</label>
     </td>
  </tr>
  <tr>
    <td>邮编：</td>
    <td><label for="textfield4">${user.postcode}</label>
      </td>
  </tr>
</table>
<br>二级密码：<input type="password" id="paycode" name="paycode" class="paycode"/>请输入二级密码
<p>&nbsp; </p>
<table width="564" border="0">
  <tr>
    <td width="493" height="28">&nbsp;</td>
    <td width="55">  <div class="site-demo-button" id="layerDemo" style="margin-bottom: 0;">
<!--   <blockquote class="layui-elem-quote layui-quote-nm">
    Tips：为了更清晰演示，每触发下述一个例子之前，都会关闭所有已经演示的层
  </blockquote> -->
  <!-- <button data-method="setTop" class="layui-btn">下一步</button> -->
  <!-- <button data-method="confirmTrans" class="layui-btn">配置一个透明的询问框</button>-->
  <button data-method="notice" class="layui-btn" >下一步</button>
  <!--<button data-method="offset" data-type="t" class="layui-btn layui-btn-normal">上弹出</button>
  <button data-method="offset" data-type="r" class="layui-btn layui-btn-normal">右弹出</button>
  <button data-method="offset" data-type="b" class="layui-btn layui-btn-normal">下弹出</button>
  <button data-method="offset" data-type="l" class="layui-btn layui-btn-normal">左弹出</button>
  <button data-method="offset" data-type="lt" class="layui-btn layui-btn-normal">左上弹出</button>
  <button data-method="offset" data-type="lb" class="layui-btn layui-btn-normal">左下弹出</button>
  <button data-method="offset" data-type="rt" class="layui-btn layui-btn-normal">右上弹出</button>
  <button data-method="offset" data-type="rb" class="layui-btn layui-btn-normal">右下弹出</button>
  <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">居中弹出</button> -->
</div>
 
<!-- 示例-970 -->
<ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-6111334333458862" data-ad-slot="3820120620"></ins></td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p> 
<!-- </form> -->


</body>
</html>